<div class="mb-3 d-flex justify-content-between align-items-end">
    <span>短信注册新账号</span>
    <a class="link-secondary text-decoration-none small" href="{{ absLangURL "demo/account_form/login/sms/" }}" title="已有账号，直接登录">已有账号，直接登录</a>
</div>
<form id="signup_sms">
    <div class="input-group mb-3">
        <button class="input-group-text idd_code" type="button">
            <input type="hidden" name="idd_code" value="+86" required>
            <span>+86</span>
        </button>
        <div class="form-floating">
            <input type="text" class="form-control sendCaptchaTo" name="account" id="signup_sms_account" placeholder=" " minlength="11" maxlength="11" required>
            <label for="signup_sms_account"><svg class="me-1 text-body-secondary bi"><use href="#bi-phone"></use></svg>手机号码</label>
        </div>
        <a class="input-group-text text-decoration-none sendCaptcha" href="#" data-action="signup" data-type="sms">
            <span class="text-reset">发送验证码</span>
        </a>
    </div>
    <div class="input-group mb-3">
        <div class="form-floating">
            <input type="text" class="form-control" name="account_captcha" id="signup_sms_captcha" placeholder=" " minlength="5" maxlength="6" required>
            <label for="signup_sms_captcha">短信验证码</label>
        </div>
    </div>
    <div class="input-group mb-3">
        <a class="p-0 input-group-text" href="javascript:" title="点击后刷新">
            <img class="lazyCaptcha" width="134" height="56" src="" data-src="/captcha?v=" alt="验证码">
        </a>
        <div class="form-floating">
            <input type="text" class="form-control" name="captcha" id="sms_signup_captcha" placeholder=" " minlength="4" maxlength="5" required>
            <label for="sms_signup_captcha">验证码</label>
        </div>
    </div>
    <div class="mb-3 d-flex justify-content-between">
        <div class="form-check">
            <input class="form-check-input agreement" type="checkbox" name="agreement" id="sms_signup_agreement" required>
            <label class="form-check-label text-body-secondary" for="sms_signup_agreement">
                <span>注册即代表同意</span>
                <a class="text-decoration-none text-body-secondary" href="{{ absLangURL "demo/account_form/agreement/" }}" target="_blank">《会员协议》</a>
            </label>
        </div>
    </div>
    <input type="hidden" name="type" value="sms">
    <div class="d-grid gap-2 col-8 mx-auto">
        <button class="btn btn-primary" type="submit">注册</button>
    </div>
</form>